<template>
  <!--首页路由内容-->
  <div class="index-articles">
    <tr-article v-for="(v,i) in articles" :key="i" :article="v"></tr-article>
  </div>
</template>

<script>
  export default {
    name: "indexArticles",
   data(){
      return{
        // 文章列表
        articles:[
          {
            title: '这是一个标题', createTime: '2018-1-1', author: 'ryui', view: 99, content: ' <p>假装是内容，假装是内容</p>\n' +
              '      <p>假装是内容，假装WREWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212E12E12E12SDASDASD内容</p>\n' +
              '      <p>假装是内容，假AE12E1E21REWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212EE21ESDADSD装是内容</p>\n' +
              '      <p>假装是内容，假装是REWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212E内容</p>\n' +
              '      <p>假装是21E21E21E21E21E内容，假装是内容</p>\n'
          },{
            title: '这是er个标题', createTime: '2018-1-1', author: 'ryui', view: 900, content: ' <p>假装是内容，假装是内容</p>\n' +
              '      <p>假装是ASDDSADSADSREWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212EAD内容，假装是内容</p>\n' +
              '      <p>假装是内容，假装是内容</p>\n' +
              '      <p>E21E21E21E21E21E，21E21E21E21E2假装是内容</p>\n'
          },{
            title: '这是三个标题', createTime: '2018-1-1', author: 'ryui', view: 100, content: ' <p>假装是内容，假装是内容</p>\n' +
              '      <p>假装是内容WERWEREWREWRE，假装是内容</p>\n' +
              '      <p>假装是内容，假装ASDDASD1E21E21E21ESADS是内容</p>\n'
          },{
            title: '这是四个标题', createTime: '2018-1-1', author: 'ryui', view: 78, content: ' <p>假装是内容，假装是内容</p>\n' +
              '      <p>假装是内容，REWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212EREWREWREWR是A12E1212E假装是内容</p>\n' +
              '      <p>假装是21213213213213213213213213213213内容，假装DADSADSADSAD是内容</p>\n' +
              '      <p>假装是内容，假装QWEFWEFWEF是内容</p>\n'
          },

        ]
      }
   }

  }
</script>

<style lang="stylus">
  .index-articles
    position relative
    width: 1200px
    margin 40px auto 0
  @media screen and (max-width: 1200px) {
    .index-articles {
      width 100%
    }
  }

</style>
